<template>
  <div class="home">
    <h1>首页页面</h1>
  </div>
</template>

<script>
export default {
  name: 'Home',
  components: {},
  beforeRouteEnter(to,from,next){
    console.log(`组件内的路由守卫`);
    next();
  },
  beforeRouteUpdate(to,from,next){
    /* 
      当前路由改变，但组件被复用时调用 
      /foo/:id,在不同的/foo/1和/foo/2之间的跳转时
      可以访问到this
    */
   console.log(`在不同路由之间跳转时，组件被复用则调用它吧`);
    next();
  },
  beforeRouteLeave(to,from,next){
    console.log(`可以调用this`);
    next();
  }
}
</script>
